<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>城市选择插件demo</title>
    <link rel="stylesheet" type="text/css" href="css/cityPicker.css">
</head>
<body>
<input type="text" data="" id="cityChoice" style="margin: 134px 0 0 357px;">

<input type="button" value='aa' id='aa'>

<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/cityData.js"></script>
<script type="text/javascript" src="js/cityPicker.js"></script>
<script>
    var cityPicker = new IIInsomniaCityPicker({
        data: cityData,
        target: '#cityChoice',
        callback: function(city_id){
            //alert('aa' + city_id);
        }
    });

    cityPicker.init();
	
	
	$(function(){
		$('#aa').click(function(){
			alert( $('#cityChoice').attr('data') + '   ' + $('#cityChoice').val());
		})
	})
</script>
</body>
</html>